<template>
	<div id="app">
		<img alt="Vue logo" src="./assets/logo.png">
		<HelloWorld msg="Welcome to Your Vue.js App" ref='hw'/>
    <!-- <mjLoading></mjLoading> -->
	</div>
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue";
import mjMessage from './components/public/message'
import mjLoading from './components/public/loading'
import message from './lib/message.js'
import loading from './lib/loading.js'
 
export default {
  name: "app",
  components: {
    HelloWorld,
    mjMessage,
    mjLoading
  },
  mounted(){
    /* setTimeout(() => {
      message({text:'测试一下',duration:4000,opacity:.4})
    }, 2000); */
    // loading
    setTimeout(() => {
      let load = loading({
        // target:this.$refs.hw,
        // mask:true,
        opacity:.4,
        text:'测试'
      })
      setTimeout(() => {
        load.close()
      }, 2000);
    }, 2000)
  }
};
</script>

<style>
#app {
	font-family: "Avenir", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
	margin-top: 60px;
}
</style>
